<!DOCTYPE html>
<html style="min-height:100%;display: flex; flex-direction: column;justify-content: center;">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <title>开始使用layui</title>
  <link rel="stylesheet" href="assets/libs/layui/css/layui.css">
  <link rel="stylesheet" href="assets/libs/swiper/css/swiper.css">

  <!-- 自定义css -->
  <link rel="stylesheet" href="assets/css/common.css">
  <link rel="stylesheet" href="assets/css/app.css">
  <link rel="stylesheet" href="assets/css/sign.css">
</head>
<body>
 <div class="layui-container">
 	<div class="layui-row">
 		<div class="layui-col-md4 layui-col-md-offset4 layui-col-sm8 layui-col-sm-offset2 layui-col-xs12">
 			<div class="sign block">
 				<!-- title -->
 				<div class="sign-title">
          <h3>Layui.com</h3>
          <p>没有账号? 马上注册.</p>
        </div>

        <!-- form -->
        <form class="layui-form sign-form" action="">
            <!-- username -->
            <div class="form-block">
              <input id="sign_username" type="text" name="username" required  lay-verify="required" placeholder="用户名" autocomplete="off" class="layui-input">
            </div>
            
            
            <!-- password -->
            <div class="form-block">
              <input id="sign_password" type="password" name="password" required  lay-verify="required" placeholder="密码" autocomplete="off" class="layui-input">
            </div>

            <!-- email -->
            <div class="form-block">
              <input id="sign_password" type="email" name="email" required  lay-verify="required" placeholder="联系邮箱" autocomplete="off" class="layui-input">
            </div>

            <!-- submit -->
            <div class="layui-form-item top-25">
              <div class="layui-input-block text-right">
                <button class="layui-btn" lay-submit lay-filter="formDemo">提交注册</button>
                <button type="reset" class="layui-btn layui-btn-primary">重置</button>
              </div>
            </div>

        </form>
        <!-- other -->
        <div class="form-block other">
          <p class="flex-def flex-zBetween">
            <a class="text-grey" href="#">已有帐号? 返回登录.</a>
          </p>
        </div>

        <div class="form-block top-25">
          <p class="text-center text-grey">© 2017-2019</p>
        </div>

 			</div>
 		</div>
 	</div>
 </div>



 
<script src="assets/libs/layui/layui.js"></script>
<script src="assets/js/config.js"></script>
<script>
layui.use(['layer','jquery','form'], function(){
  var layer = layui.layer
  ,$ = layui.jquery;

  

  layer.msg('Hello World');
});
</script> 
</body>
</html>